HTML 5 + CSS3 原理與開發(fā)應(yīng)用培訓(xùn)
? HTML 5 + CSS3 原理與開發(fā)應(yīng)用培訓(xùn)
培訓(xùn)目標(biāo)：
了解HTML5的規(guī)范整體
了解標(biāo)簽語言
了解如何使用表單
HTML5音頻和視頻播放
HTML5 APIs概述
采用HTML5 Canvas而不是SVG動態(tài)產(chǎn)生渲染圖形
使用HTML5 通訊APIs
HTML5 Web Sockets
HTML5 Web Workers
HTML5 Geolocation
HTML5存儲
CSS3.0控制原理與應(yīng)用
JQuery Mobile
培訓(xùn)內(nèi)容
HTML5 概述
? HTML的發(fā)展史
? HTML5的版本
? WHATWG and W3C 規(guī)范
? HTML5的新特性
? HTML5能做什么
? HTML5能做什么對HTML5和CSS3的支持
? 檢測瀏覽器對HTML 5的支持
HTML5 標(biāo)簽語言
? HTML5頁面結(jié)構(gòu)
? HTML5 DOCTYPE
? 根元素
? 字符編碼
? HTML5新增的語義元素
? 其他新增的元素
? 驗證HTML5頁面及顯示頁面大綱
HTML5表單
? HTML 4的困惑
? HTML 5新增的輸入組件
? 輸入組件
? HTML 5新增的輸入屬性
? 測試瀏覽器對HTML5表單元素的支持
? HTML5的表單驗證
HTML5 音頻和視頻播放
? video元素及其屬性
? 視頻編解碼器
? 視頻轉(zhuǎn)換工具
? 各種瀏覽器支持些什么格式
? 舊瀏覽器的過渡解決方案
? 視頻與腳本--簡單的視頻播放器
? 音頻
采用HTML5 Canvas繪制圖形
? canvas元素
? 檢查瀏覽器的支持情況
? 基本圖形繪制
? 路徑
? 變換
? 漸變
? 繪制文本
? 繪制圖像
使用HTML5 通訊APIs
? 跨文檔消息通信
? 源安全
? 檢測瀏覽器對postMessage的支持
? XMLHttpRequest Level2
? XMLHttpRequest Level2新增事件
? 檢測瀏覽器對XMLHttpRequest2的支持
? 跨域訪問注意事項
HTML5 Web Sockets
? HTTP特點
? 如何實現(xiàn)實時（real-time）通訊
? WebSocket特性
? WebSocket與輪詢方式的比較
? Web Socket建立方法
? WebSocket 的事件
? WebSocket的屬性
? 漸進增強和降級處理
HTML5 Web Workers
? Web Workers介紹
? Multi-core processor architecture
? Web Worker communication
? 使用 Web Workers APIs
? 案例應(yīng)用實踐，練習(xí)指導(dǎo)
地理定位
? 地理定位介紹
? 在瀏覽器中使用地理定位
? 定位的技術(shù)背景
? openstreetmap上顯示當(dāng)前位置
? 使用googlemaps追蹤位置
? 案例應(yīng)用實踐，練習(xí)指導(dǎo)
HTML5存儲
? 為什么需要本地存儲
? 本地存儲的限制
? Web存儲的兩種類型
? 判斷瀏覽器是否支持WebStorage
? 存取信息
? storage事件
? Web SQL
? IndexedDB
CSS3講解
? CSS3概述
? 半透明效果
? CSS3屬性選擇器
? 邊框樣式
? 文本樣式
? 背景色漸變
? 元素變形
? 效果過渡
jQuery Mobile
? jQuery Mobile設(shè)計的技術(shù)思考和商業(yè)思考
? jQuery Mobile入門初體驗
? 使用頁眉、工具欄和標(biāo)簽欄
? jQuery Mobile中的表單和按鈕
? jQuery Mobile中的列表
? jQuery Mobile和CSS結(jié)合
? jQuery Mobile主題
? jQuery Mobile的API
? 和服務(wù)器集成
? jQuery Mobile和HTML5開發(fā)框架PhoneGap結(jié)合

?